<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<meta charset="utf-8">
	<title>-webkit-text-stroke | -webkit-text-fill-color | -webkit-text-security | -webkit-text-size-adjust demo</title>
	

<link rel="stylesheet" type="text/css" href="text-fill-color_001_1.css" media="all">
</head>
<body>
	<h1>-webkit-text:</h1>
	<dl>
		<dt>-webkit-text-stroke: 文字描边的宽度和颜色</dt>
		<dd>
			<p style="-webkit-text-stroke: 0.4px;text-stroke: 0.4px;">-webkit-text-stroke: 0.4px;</p>
			<p style="-webkit-text-stroke: #3983E4;text-stroke: #3983E4;">-webkit-text-stroke: #3983E4;</p>
			<p style="-webkit-text-stroke: 0.4px #3983E4;text-stroke: 0.4px #3983E4;">-webkit-text-stroke: 0.4px #3983E4;</p>
			<p style="-webkit-text-stroke: 1px;text-stroke: 1px;">-webkit-text-stroke: 1px;</p>
			<p style="-webkit-text-stroke: 1px #3983E4;text-stroke: 1px #3983E4;">-webkit-text-stroke: 1px #3983E4;</p>
		</dd>
		<dt>-webkit-text-fill-color: 文字填充颜色</dt>
		<dd>
			<p style="-webkit-text-fill-color: #3983E4;text-fill-color: #3983E4;">-webkit-text-fill-color: #3983E4</p>
			<p style="background-color: rgb(57, 131, 228);">-webkit-text-fill-color: transparent;background-color:#3983E4;-webkit-background-clip:text;background-clip:text;</p>
			<p style="-webkit-text-fill-color: #3983E4;text-fill-color: #3983E4;-webkit-text-stroke: 0.4px #f60;text-stroke: 0.4px #f60;">-webkit-text-fill-color: #3983E4;-webkit-text-stroke: 0.4px #f60;</p>
		</dd>
		<dt>-webkit-text-security: 使用形状代替文本</dt>
		<dd>
			<p style="-webkit-text-security:none;text-security:none;">-webkit-text-security:none;</p>
			<p style="-webkit-text-security:circle;text-security:circle;">-webkit-text-security:circle;</p>
			<p style="-webkit-text-security:disc;text-security:disc;">-webkit-text-security:disc;</p>
			<p style="-webkit-text-security:square;text-security:square;">-webkit-text-security:square;</p>
		</dd>
		<dt>-webkit-text-size-adjust: 调整页面文本大小</dt>
		<dd>
			<p style="-webkit-text-size-adjust:auto;text-size-adjust:auto;">-webkit-text-size-adjust: auto;</p>
			<p style="-webkit-text-size-adjust:none;text-size-adjust:none;">-webkit-text-size-adjust: none;</p>
			<p style="-webkit-text-size-adjust:50%;text-size-adjust:50%;">-webkit-text-size-adjust: 50%;</p>
		</dd>
	</dl>



</body>
</html>
